<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>买家中心</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/my.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>
    <style>
        .public-header {
            background: rgba(95, 49, 4, 1);
        }

        .public-header-center {
            color: #fff !important;
        }
    </style>
</head>

<body>
    <!--头部-->
    <div class="public-header flex">
        <!--<span class="public-header-left-search"></span>-->
        <!--<span class="public-header-left-back"></span>-->
        <span class="public-header-center" style="background:url(../img/切换@2x.png) no-repeat 2.16rem;background-size:.1rem .13rem;"
            onclick="javascript:window.location.href='../wode/Sellers-center.html'">买家中心</span>
        <span class="public-header-right"></span>
    </div>

    <!--正文-->
    <div class="customer-page bc-gray" style="padding-bottom:10vw;">
        <div class="section1">
            <img src="../img/头像@2x.png" alt="" onclick="javascript:window.location.href='../page/personal-information.html'">
            <p class="t1">
                <span>这里是昵称</span>
                <em></em>
                <i>爱好者</i>
            </p>
            <p class="t2">
                关注:
                <font></font>
            </p>
            <div class="box flex">
                <div class="left" onclick="javascript:window.location.href='../wode/recharge.html'">
                    <span></span>
                    <p>账户</p>
                </div>
                <div class="right" onclick="javascript:window.location.href='../page/message.html'">
                    <span></span>
                    <p>消息</p>
                </div>
            </div>
        </div>
        <span style="display:block;height:40px;background:#fff;"></span>
        <div class="section2">
            <div class="top flex">
                <span>我的订单</span>
                <span>全部</span>
            </div>
            <ul class="flex bottom">
                <li  data-num='0'>
                    <img src="../img/付款@2x.png" alt="">
                    <p>未付款</p>
                </li>
                <li data-num='1'>
                    <img src="../img/发货@2x.png" alt="">
                    <p>待发货</p>
                </li>
                <li data-num='2'>
                    <img src="../img/待收货@2x.png" alt="">
                    <p>待收货</p>
                </li>
                <li data-num='3'>
                    <img src="../img/评价@2x.png" alt="">
                    <p>待评价</p>
                </li>
                <li data-num='4'>
                    <img src="../img/售后@2x.png" alt="">
                    <p>售后</p>
                </li>
            </ul>
        </div>
        <siv class="section3 clearfix">
            <ul>
                <li class="flex">
                    <div class="left" onclick="javascript:window.location.href='../page/New-shoots.html'">
                        <img src="../img/新品开拍@2x.png" alt="">
                        <span class="span1">新品开拍</span>
                    </div>
                    <div class="right" onclick="javascript:window.location.href='../page/My-footprints.html'">
                        <img src="../img/足迹@2x.png" alt="">
                        <span class="span2">足迹</span>
                    </div>
                </li>
                <li class="flex">
                    <div class="left" onclick="javascript:window.location.href='../page/Sunbird.html'">
                        <img src="../img/晒宝@2x.png" alt="">
                        <span class="span3">晒宝</span>
                    </div>
                    <div class="right" onclick="javascript:window.location.href='../index.html?num=4'">
                        <img src="../img/鉴赏阁@2x.png" alt="">
                        <span class="span4">鉴赏阁</span>
                    </div>
                </li>
                <li class="flex">
                    <div class="left" onclick="javascript:window.location.href='../page/Purple-pottery-school.html'">
                        <img src="../img/学堂@2x.png" alt="">
                        <span class="span5">紫陶学堂</span>
                    </div>
                    <div class="right" onclick="javascript:window.location.href='../page/Customer-service.html'">
                        <img src="../img/客服@2x 2.png" alt="">
                        <span class="span6">联系客服</span>
                    </div>
                </li>
            </ul>
        </siv>
    </div>

    <!--底部-->
    <div class="public-footer flex">
        <div class="button-1" onclick="javascript:window.location.href='../index.html'">
            <span></span>
            <p>首页</p>
        </div>
        <div class="button-2" onclick="javascript:window.location.href='../fenlei/fenlei.html'">
            <span></span>
            <p>分类</p>
        </div>
        <div class="button-3" onclick="javascript:window.location.href='../faxian/faxian.html'">
            <span></span>
            <p>发现</p>
        </div>
        <div class="button-4 active">
            <span></span>
            <p>我的</p>
        </div>

    </div>

    <script>
        $(function () {
            $.ajax({
                url: base_url + 'ZITAOHUI/user',
                type: 'get',
                data: {
                    userId: u_id
                },
                success: function (data) {
                    console.log(data);
                    let all_data = data.extend.list;
                    console.log(all_data)
                    let user_nike_name = all_data.user_nike_Name;
                    let user_type = all_data.user_grade_describe;
                    let att_num = all_data.user_attention_num;
                    let img = all_data.user_image;
                    $('.customer-page .section1 img').attr('src', img)
                    $('.customer-page .section1 .t1 span').html(user_nike_name);
                    $('.customer-page .section1 .t1 i').html(user_type);
                    $('.customer-page .section1 .t2 font').html(att_num);

                }
            })
            $('.section2 ul li').on('click', function () {
                window.location.href='../page/Buyer-order.html?num='+$(this).data('num');
            })
        })
    </script>


</body>

</html>